<script setup>
import { ref } from 'vue'

const titleStr = ref('abc')

const article = ref({
  title: '滕王阁序',
  content: ['豫章故郡，洪都新府。', '星分翼轸，地接衡庐。', '襟三江而带五湖，控蛮荆而引瓯越。'],
  author: '王勃'
})
</script>

<template>
  <button @click="titleStr = 'Hello world.'">change title</button>
  <slot name="header" :title="article.title"></slot>
  <hr />
  <slot name="default" :content="article.content"></slot>
  <hr />
  <slot name="footer" :author="article.author"></slot>
</template>
